<template>
  <div class="main1">
    <ul>
      <li v-for="(item, index) in list" :key="item.id">
        {{ index + 1 }}::{{ item.content }}
        <button @click="$emit('asd', item.id)">删除</button>
      </li>
    </ul>
  </div>
</template>
<script>
export default {
  name: '',
  props: {
    list: {
      type: Array,
      default: () => []//对于复杂数据类型,默认值要使用函数方式返回
    }
  },
  data () {
    return {

    }
  },
  created () {
  },
  computed: {
  },
  methods: {
  }
}
</script>
<style lang='less'  scoped>
.main1 {
  margin-left: 30px;
  color: purple;
}
</style>
